<template>
  <div id="app">
    <Header></Header>
    <main>
      <Banner></Banner>
      <Nva></Nva>
      <Content></Content>
      <BaoBeiList></BaoBeiList>
    </main>
    <Footer></Footer>
  </div>
</template>

<script>
import Header from './components/Header.vue';
import Banner from './components/Banner.vue';
import Nva from "./components/Nva.vue";
import Content from "./components/Content.vue";
import BaoBeiList from './components/BaoBeiList.vue'
import Footer from "./components/Footer.vue";
export default {
  name: 'App',
  components: {
    Header,
    Banner,
    Nva,
    Content,
    Footer,
    BaoBeiList
}
};

</script>
  
<style>
* {
  padding: 0;
  margin: 0;
}
#app{
  width: 100vw;
  height: 100vh;
  background-color: #F7F7F7;
  display: flex;
  flex-direction: column;
}
main{
  flex: 1;
  overflow: auto;
}
</style>
